<template>
	<div class="footer-box">
		<router-link class="one" to=""><img src="http://i.huasongwang.com/i/c/hsong/tuangou/tuangoum.png" alt="" /></router-link>
		<img class="footer-img" src="http://i.huasongwang.com/i/c/dg.jpg" alt="" />
		<div class="footer-c">
			<router-link to="">登录/注册</router-link>
			<router-link to="">订单查询</router-link>
			<router-link to="">常见问题</router-link>
			<router-link to="">关于我们</router-link>
		</div>
		<div class="phone">
			<router-link to="">
				<span></span>
				<p>400电话</p>
			</router-link>
			<router-link to="">
				<span></span>
				<p>在线客服</p>
			</router-link>
		</div>
		<a class="footer-foot" onclick="window.location.href = 'http://www.beian.miit.gov.cn/';">
			<p>昆明卢享健康信息咨询有限公司</p>
			<p>滇ICP备19005360号-4</p>
		</a>
	</div>
</template>

<script>
export default {
	name: 'footerSub'
};
</script>

<style scoped="scoped">
@import url('../css/publice.css');
.footer-box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: white;
}
.one {
	width: 100%;
	position: relative;
}
.one img {
	width: 100%;
	height: 2.5rem;
}
.footer-img {
	width: 100%;
	height: 5.86rem;
}
.footer-foot {
	padding-bottom: 0.5rem ;
	text-align: center;
	font-size: 0.3rem;
}
.footer-c {
	margin-top: 0.4rem;
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.footer-c a {
	width: 1.5rem;
	height: 0.56rem;
	text-align: center;
	line-height: 0.56rem;
	background-color: #e9ecf1;
}

.phone {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem 0;
}
.phone a {
	width: 2.26rem;
	height: 1.48rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.phone a span {
	background-repeat: no-repeat;
	background-image: url(http://i.huasongwang.com/i/c/icon5.png);
	width: 45px;
	height: 45px;
	background-size: 115px;
}
.phone a span:first-child {
	background-position: -2px -30px;
}
.phone a span:last-child {
	background-position: -48px -32px;
}
</style>
